body{}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px #eaeaea; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {   
    background: #eaeaea; 
    -webkit-box-shadow: inset 0 0 0px #eaeaea; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background:#eaeaea; 
}
::-webkit-scrollbar-resizer  {
        background:#eaeaea; 
    }

::-webkit-scrollbar-corner {
        background:#eaeaea; 
    }
.weui-toast{background: rgba(0,0,0,.3);}

.myphotoalbum, .uploadcon, .editorcon, .layoutcon, .editor_oper_con, .previewcon, .up_page{background: #eaeaea;}



.figurecircle,.comfirm_submit{background: #fb5055;color: #fff; border: 1px solid #fb5055; }

.creatalbum,.albumitem,.comfirm_submit{background: #fff; color: #919191;/* border: 1px solid rgba(250,81,85,);*/
	-webkit-box-shadow: 0 0 3px rgba(250,81,85, .2);
    -moz-box-shadow: 0 0 3px rgba(250,81,85, .2);
    box-shadow: 0 0 3px rgba(250,81,85, .2);

}
.figurecircle{background:rgba(250,81,85, .8); border: 1px solid rgba(250,81,85, .8);}
.figurenum{/*color:#fb5055; border: 1px solid #d8d8d8; background: #eaeaea;*/
			    color: #fff;
    border: 1px solid #fb5055;
    background: #fb5055;
}
.timeline{background: #d8d8d8;}
.up_page_info_title .u_num,.u_oper b{ color:#e0e0e1;}
.a_font:after, .a_font:before{background-color: #919191;}
.a_close{background:rgba(230,67,64,.8);}
.footer .open_up.focus,.submit_btn .comfirm_submit,.open_up.nextbtn{background:rgba(250,81,85, .8); color: #fff; border: 1px solid rgba(250,81,85, .8);}
.uploadbox .weui-cells{background: transparent;}
.weui-cells:before,.weui-cells:after{border: 0px; color: #825323; }
.footer{background: rgba(245,245,245,.5);}
 .footer .open_up_album{float: none; margin: 3px auto; display: block; border-radius: 30px;background:rgba(234,234,234,.5); border: 1px solid #d8d8d8; color: #7e7e7e;}
.open_up.notupload{background:rgba(234,234,234,.5); border: 1px solid #d8d8d8; color: #7e7e7e;}

.weui-uploader__input-box:after, .weui-uploader__input-box:before{background-color: #919191;}
.uploadbox  .weui-uploader__input-box, .up_page_info .weui-uploader__input-box{border: 1px dashed #919191;}
.footer.uploadoper{background: rgba(245,245,245,.88);}
.orderinput{background: rgba(234,234,234,.5); color: #838383;}
.albumname,.orderinput{background: rgba(210,210,210,.5); color: #838383;}


#originalcanvas,#reallycanvas,.preview_bigview .large_page_view{border: 0px;}
.canvasbg{background: #fff; clear: both; position: relative; text-align: center; margin: 0 auto;}
.preview_bigview{background: #fff; clear: both; position: relative; text-align: center; margin: 0 auto;}
.large_page_view { width: 100%;}
.large_page_view img{width: 100%;}
.e_p__btn{background: rgba(242,242,242,.5); border-top: 1px solid #d8d8d8;}

.pagemain .p_canvas_box, .layoutlist .layout_box{border: 1px solid #d8d8d8; text-align: center;}
.layout_change, .gotoedit{color: rgba(250,81,85, .9);}
.upload_img.active_border, .p_canvas_box.editoring,.preview_page .preview_element.focus,.pagemain .editor_control_list.editoring{
	 border:0px solid rgba(250,81,85,1);
	 -webkit-box-shadow: 0 0 8px rgba(250,81,85, .8);
    -moz-box-shadow: 0 0 8px rgba(250,81,85, .8);
    box-shadow: 0 0 8px rgba(250,81,85, .8);
	 }
	 
.preview_page .preview_element.focus{
	 border:1px solid rgba(250,81,85,.8);
	 -webkit-box-shadow: 0 0 0px rgba(250,81,85, .8);
    -moz-box-shadow: 0 0 0px rgba(250,81,85, .8);
    box-shadow: 0 0 0px rgba(250,81,85, .8);
	 }	 
	 
	 
.out_layout_change{color:rgba(126,126,126,.29);}
.layouttitle,.up_page_info_title,.text_tabbar{background: rgba(245,245,245,1);}
.layouttitle .l_title, .up_page_info_title .u_ok, .up_page_info_title .u_title,.text_title{color: #7e7e7e;}
.layouttitle .l_close,.u_oper a.u_close,.text__oper a.text__close{color: #ff575c;}
.layoutmain,.up_page_info{background: rgba(234,234,234,.99);}
.up_page, .layoutcon {background: rgba(0,0,0,.5);}
.layout_inner{ background: rgba(67,67,67,.5);}
.page_save{background:rgba(250,81,85, .8); color: #fff;}
.editor_oper_con .btn_mini,.e_oper_btn .comfirm_change,.text_btn .text_ok{ background: rgba(250,81,85, .8); border: 1px solid rgba(250,81,85, .8); color:#fff ;}
.e_oper_btn .canace_change,.open_up,.submit_btn .back_submit {background: rgba(234,234,234,.5); border: 1px solid #333; color: #333;}
.upload_img{border: 1px solid #919191;}

.uploadbox .delimportimg, .up_page_info .delimportimg{
	height: 20px;
    float: right;
    margin-right: -10px;
    width: 20px;
    line-height: 20px;
    border-radius: 50%;
    background:rgba(230,67,64,.8);
    color: #fff;
    text-align: center;
    margin-top: -10px;
    border:0px;
}
.up_page_info .weui-uploader__bd,.weui-uploader .weui-uploader__bd{ padding: 10px 0;}
/*.preview_page .preview_element {   
    box-shadow: 0px 0px 0px 0px rgba(250,250,250,.5);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(250,250,250,.5);
    -moz-box-shadow: 0px 0px 0px 0px rgba(250,250,250,.5);
}*/
.inner_flag{border-right:1px solid #e5cdb5;}

.pagebor{width: 2px; background-color: rgba(250,250,250,.1); border-top: 1px solid #e5cdb5;}
.weui-dialog {
    background: #ffffff;
    border: 0px;   
    border-radius: 15px;
}
.weui-dialog .weui-dialog__hd{background: #ff575c; height: 45px; color: #fff; line-height: 45px;}
.weui-dialog__ft{background: #f2f2f2;}
.weui-dialog__bd {
    padding: 1.6em 1.6em .8em;
    }
.weui-dialog__bd,.e_center,.submit_type,.currentpage{color: #7e7e7e;}
.weui-dialog .weui-dialog__btn{color: #ff575c;}
.weui-dialog .weui-dialog__btn+.weui-dialog__btn:after{border-left: 1px solid rgba(229,205,181,.3);}
.weui-dialog__ft:after,.comfrim_additional,.order-region-entry{border-top: 1px solid rgba(229,205,181,.3);}
.weui-dialog__btn.default:active,.comfrim_additional:not(.weui-btn_disabled):active,.cancel_pay:not(.weui-btn_disabled):active{ background: #eaeaea; color: #ff575c;}
.weui-dialog__btn.primary:active{ background: #eaeaea; }
.e_center .weui-icon-info{color: #E64340;}
.order_tips,.dialog_tips .dialog_txt,.order_no,.order_copy{color:#919191;}
.orderinputtips{color:#ff575c;}

.dialog_tips{background: rgba(250,250,250,.8); min-width: 300px;
    max-width: 350px;
    border: 0px;
    -webkit-box-shadow: 0 0 3px rgba(250,81,85, .2);
    -moz-box-shadow: 0 0 3px rgba(250,81,85, .2);
    box-shadow: 0 0 3px rgba(250,81,85, .2);
    }
.a_type{color: #ff575c;}
.btn_right{ border-right: 1px solid #e9e9e9;}

.weui-uploader__files li{
	margin-right: 15px;
    margin-bottom: 15px;
    width:100px;
    height: 100px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
   }
   
.weui-uploader__input-box {
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 100px;
    height: 100px;
    }

.pagemain .p_canvas_box img{ height: 100%; vertical-align: middle;}

.albuimgname{line-height: 120px; color: #919191; text-align: center; font-size: 12px;}

.e_album_txt b{ color: rgba(250,81,85, .8);}
.text_btn .text_ok,.text__oper a.text__close{float: right;}
.currentpage {padding: 0 12px;}
.text_btn{background: transparent;}
.previewlist_box{ height:87px;}

.previewlist_box .preview_page{height: 85px; border: 0px solid #d8d8d8;}
.pagemain .editor_control_list{text-align: center;
	overflow: hidden;   
    height: 100%;
    box-sizing: border-box;
    background: no-repeat 50%;
    background-size: cover;
}

.uploadbox .weui-uploader__file img, .up_page_info .weui-uploader__file img{ 
	vertical-align: middle;
	
	}

.order_number{    
	width: 100%;
    border-radius: 3px;
    height: 35px;     
    margin: 15px auto;
    line-height: 35px;
   display: block; 	
   
}
.order_numoper{ float: right; border: 1px solid #cecece;}

.order_copy{width: 65px;    height: 35px; float: left;}
.order_number a{width: 35px; height: 35px;  float: left; display: block; color:#838383; text-align: center;}
.order_number a.order_jian{border-right: 1px solid #cecece; text-align: center; font-size: 18px; }
.order_number a.order_add{border-left: 1px solid #cecece; font-size: 18px;  }
.order_number a:active{color:#e0e0e1 ;}
.order_number input{ width:50px; text-align: center; float: left; text-align: center;}
.orderNumber {
    color: #666;
    width: 100%;    
    outline: none;
    border: 0px;   
    padding: 10px 0;
    text-align: center;   
}